<div class="row on-slider-content">
    <div class="carasoul-content">
        <div class="container">
            <div class="featured-content">

                <div class="col-lg-4 col-sm-4 col-md-6 col-sm-6">
                    <div class="fcrc">
                        <h2>We Curate</h2>
                        <p>Real-life classes, across recreational and professional skills.</p>
                        <a href="<?php echo Yii::app()->cms->createUrl('learn'); ?>" class="">KNOW MORE</a>
                    </div>
                </div>

                <div class="col-lg-offset-4 col-lg-4 col-md-offset-2 col-md-4 col-sm-4 col-sm-offset-2">
                    <?php echo CHtml::beginForm(Yii::app()->controller->createUrl('/classes/search'), 'GET', array('id' => 'Search', 'class' => 'remmargin'));
                    ?>
                    <div class="fclc">
                        <div class="input-group">                            
                            <?php echo CHtml::dropDownList('category', '', CHtml::listData(Category::model()->findAll('status=' . SkillConfig::STATUS_ACTIVE), 'id', 'name'), array('empty' => 'Select Category', 'class' => 'form-control', 'id' => 'select_category_id')); ?>
                            <span></span>
                        </div>
                        <div class="input-group">
                            <input type="text" name="learn" placeholder="Search.." class="form-control">                           
                        </div>
                        <div class="input-group">
                            <?php echo CHtml::dropDownList('location', '', CHtml::listData(ClassVenue::model()->findAll('status=' . SkillConfig::STATUS_ACTIVE . '   GROUP BY  ' . LTRIM('venue_locality') . ' ORDER BY venue_locality'), 'id', 'venue_locality'), array('empty' => 'Select Location', 'class' => 'form-control', 'id' => 'select_location_id')); ?>
                            <span></span>
                        </div><!-- /input-group -->
                        <input type="submit" class="pull-right" value="Go">
                    </div>  
                </div> 
                <?php echo CHtml::endForm(); ?>
            </div>
        </div>

    </div>

    <div id="middle-content">
        <div class="container">
            <div class="col-lg-2 col-md-1"></div>
            <div class="col-lg-8 col-md-9">
                <div class="titles">
                    <p>TAILORED TO BEST SUIT YOU</p>
                    <div class="title-info">
                        <ul class="list-unstyled fl">
                            <li><a href="<?php echo $this->createAbsoluteUrl('classes/workshopcourses', array('searchtype' => SEARCH_TYPE_KIDS)); ?>">Kids Section</a></li>
                            <li><a href="<?php echo $this->createAbsoluteUrl('classes/workshopcourses', array('searchtype' => SEARCH_TYPE_POST_WORK)); ?>">Post Work Section</a></li>
                            <li><a href="<?php echo $this->createAbsoluteUrl('classes/workshopcourses', array('searchtype' => SEARCH_TYPE_WEEKEND)); ?>">Weekend Section</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-lg-2 col-md-1"></div>
        </div>

    </div>

    <div class="carasoul-content-bottom">
        <div class="container">            
            <div class="col-lg-4 col-md-4 col-sm-4 column4">
                <H2><a href="<?php echo $this->createAbsoluteUrl('/skill-course'); ?>">Courses</a></H2>
                <span class="dpd">Long Term</span>
                <span class="sep"></span>
                <span class="data">Multi Sessions</span>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 column4">
                <H2 class="workshop-sech2"><a href="<?php echo $this->createAbsoluteUrl('/skill-workshop') ?>">WorkShops</a></H2>
                <span class="dpd">Short Term</span>
                <span class="sep"></span>
                <span class="data">Single Session</span>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 column4">
                <H2><a href="<?php echo $this->createAbsoluteUrl('/skill-exclusives'); ?>">Exclusives</a></H2>
                <span>Skillhippo's Exclusives</span>
            </div>
        </div>

    </div>

</div>


<!--========     Carasoul Content   ====================-->
<?php $this->renderPartial('/site/imageSlider'); ?>
<!-- =======================Carasoul Section Ends Here================== -->

<!-- Gap Class starts Here -->
<div class="gap"></div>
<div class="gap"></div>
<!-- Gap Class Ends Here -->

<!--======== Main Content Section  start ====================-->
<section id="mid-container">
    <div class="row">
        <div class="container">
            <div class="col-lg-12 column12">
                <h3 class="main-title pull-left">courses 
                    <span class="brdr"></span><!-- First Dark Border -->
                    <span>Long TERM</span> 
                    <span class="brdr1"></span> <!-- second Light Border --> 
                    <span>Multi SESSION</span>
                </h3>
                <div class="pull-right">
                    <a href="<?php echo $this->createAbsoluteUrl('/skill-course'); ?>" class="btn-black pull-right">See all</a>
                </div>
                <div class="clearfix"></div>

                <div class="gap"></div>
                <div class="gap1"></div>

                <div class="row"><!-- workshop Product Carasoul 2-->
                    <div id="product-cara1" class="owl-carousel owl-theme">
                        <?php
                        $coursedataProvider = $coursedataProvider->getData();
                        if (!empty($coursedataProvider)) {
                            foreach ($coursedataProvider as $coursedata) {
                                $this->renderPartial('/site/_coursesList', array('data' => $coursedata));
                            }
                        }
                        ?>

                    </div>

                    <!-- carasour Navigation -->
                    <div class="customNavigation">
                        <a class="prev1">Previous</a>
                        <a class="next1">Next</a>
                    </div>

                    <!-- Gap Class Started -->
                    <div class="gap"></div>
                    <div class="gap"></div>
                    <!-- Gap Class Ends Here -->

                </div>

            </div>
            <div class="gap"></div>
            <div class="gap"></div>
            <!-- Gap Class Ends Here -->

            <div class="fluid-container">
                <div class="hr"></div><!-- separator -->    
            </div>

            <!-- Gap Class Started -->
            <div class="gap"></div>
            <div class="gap"></div>
            <div class="row">
                <div class="col-lg-12">
                    <h3 class="main-title pull-left">Workshops 
                        <span class="brdr"></span><!-- First Dark Border -->
                        <span>SHORT TERM</span> 
                        <span class="brdr1"></span> <!-- second Light Border --> 
                        <span>SINGLE SESSION</span>
                    </h3>
                    <a href="<?php echo $this->createAbsoluteUrl('/skill-workshop') ?>" class="btn-black pull-right">See All</a>
                    <div class="clearfix"></div>

                    <!-- Gap Class Started -->
                    <div class="gap"></div>
                    <div class="gap1"></div>  
                    <div class="row"><!-- workshop Product Carasoul -->
                        <div id="product-cara" class="owl-carousel owl-theme">

                            <?php
                            $classWorkShopdataProvider = $classWorkShopdataProvider->getData();
                            if (!empty($classWorkShopdataProvider)) {
                                foreach ($classWorkShopdataProvider as $classWorkShopdata) {
                                    $this->renderPartial('/site/_workshopClassesList', array('data' => $classWorkShopdata));
                                }
                            }
                            ?>
                        </div>
                        <div class="customNavigation">
                            <a class="prev">Previous</a>
                            <a class="next">Next</a>
                        </div>
                        <div class="gap"></div>
                        <div class="gap"></div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>
<!--===========end main content ==============--->


<!-- Gap Class Started -->
<div class="gap"></div>
<div class="gap"></div>

<!-- Gap Class Ends Here -->

<!--===============  Exclusive Section Starts    ===========================-->

<!-- exclusive section starts here     -->

<section id="exclusive">
    <div class="row">
        <div class="container">
            <div class="col-lg-12 column12">
                <h1>SkillHippo <span>Exclusives</span></h1>
                <div class="clearfix"></div>          
                <div class="titles">
                    <p><span class="pull-left">BE A PART OF THE SKILLHIPPO COMMUNITY. BOOK EXCITING CLASSES AVAILABLE ONLY ON SKILLHIPPO!</span>
                        <?php if (!empty($classCuretedarray)) { ?> <a class="btn-yellow pull-right" href="<?php echo $this->createAbsoluteUrl('/skill-exclusives'); ?>">See All</a><?php } ?></p>
                </div>
                <div class="clearfix"></div>
                <!-- Gap Class Started -->
                <div class="gap"></div>
                <div class="gap1"></div>
                <!-- Gap Class Ends Here -->
                <!-- Images Carasoul Started for Exclusive Block -->
                <div id="exclusive-cara" class="owl-carousel owl-theme" style="margin: 0 auto;width: 64.5%;">
                    <?php
                    $classCureteddataProvider = $classCureteddataProvider->getData();
                    if (!empty($classCureteddataProvider)) {
                        foreach ($classCureteddataProvider as $classCureteddata) {
                            $this->renderPartial('/site/_curatedclassesList', array('data' => $classCureteddata));
                        }
                    }

//$this->widget('zii.widgets.CListView', array(
//    'dataProvider' => $classCureteddataProvider,
//    'id' => 'ajaxListView',
//    'summaryText' => '',
//    'itemView' => '_curatedclassesList',
//));
                    ?>
                </div>
                <!-- Image Carasoul Ends Here  -->
                <!-- carasour Navigation -->
                <?php if (!empty($classCuretedarray)) { ?>
                    <div class="customNavigation">
                        <a class="prev2">Previous</a>
                        <a class="next2">Next</a><?php } ?>
                </div>
            </div>
            <!-- Gap Class Started -->
            <div class="gap"></div>
            <div class="gap1"></div>
            <!-- Gap Class Ends Here -->
        </div>
    </div>

</section>
<!-- ================= Exclusive Section Ends Here  ===========================-->
<!-- Gap Class Started -->   
<div class="gap"></div>
<!-- Gap Class Ends Here -->
<!--================  Corporate Info Section Start    ======================================-->

<!-- Corporative Info Section Starts here -->
<section id="corporate-info">
    <div class="row">
        <div class="container">
            <div class="col-lg-12 column12">
                <h5>SKILLHIPPO CORPORATE RELATIONSHIPS</h5>
                <!-- Images Carasoul Started for Exclusive Block -->
                <div id="relationship-cara" class="product-cara">
                    <div class="thumbnail"><img src="<?php echo ThemePath(); ?>/images/corporate/Coca-Cola-logo.png" alt=""></div>
                    <div class="thumbnail"><img src="<?php echo ThemePath(); ?>/images/corporate/Apollo-Tyres.png" alt=""></div>
<!--                    <div class="thumbnail"><img src="<?php echo ThemePath(); ?>/images/corporate/blanchard-inttional.png" alt=""></div>-->
                    <div class="thumbnail"><img src="<?php echo ThemePath(); ?>/images/corporate/groupon-Logo.png" alt=""></div>
                    <div class="thumbnail"><img src="<?php echo ThemePath(); ?>/images/corporate/HUL.png" alt=""></div>
                    <div class="thumbnail"><img src="<?php echo ThemePath(); ?>/images/corporate/Icici-Prudential.png" alt=""></div>
<!--                    <div class="thumbnail"><img src="<?php echo ThemePath(); ?>/images/corporate/InfiniteLuxuryBrandlogo.png" alt=""></div>-->
                    <div class="thumbnail"><img src="<?php echo ThemePath(); ?>/images/corporate/Monin-logo.png" alt=""></div>
                    <div class="thumbnail"><img src="<?php echo ThemePath(); ?>/images/corporate/Octanelogo.png" alt=""></div>
                    <div class="thumbnail"><img src="<?php echo ThemePath(); ?>/images/corporate/Pepsilogo.png" alt=""></div>
<!--                    <div class="thumbnail"><img src="<?php echo ThemePath(); ?>/images/corporate/s.JPG" alt=""></div>-->
                    <div class="thumbnail"><img src="<?php echo ThemePath(); ?>/images/corporate/Sabmiller.png" alt=""></div>
                    <div class="thumbnail"><img src="<?php echo ThemePath(); ?>/images/corporate/Trilegal.png" alt=""></div>
<!--                    <div class="thumbnail"><img src="<?php echo ThemePath(); ?>/images/corporate/vitalsmartslogo.png" alt=""></div>-->

                    <div class="thumbnail"><img src="<?php echo ThemePath(); ?>/images/corporate/roberto-cavalli-logo.png" alt=""></div>
                    <div class="thumbnail"><img src="<?php echo ThemePath(); ?>/images/corporate/emilo.png" alt=""></div>
                    <div class="thumbnail"><img src="<?php echo ThemePath(); ?>/images/corporate/Missoni-logo.png" alt=""></div>
                    <div class="thumbnail"><img src="<?php echo ThemePath(); ?>/images/corporate/Versace-logo.png" alt=""></div>




                </div>
                <!-- Image Carasoul Ends Here  -->
                <!-- carasour Navigation -->
                <div class="customNavigation">
                    <a class="prev5">Previous</a>
                    <a class="next5">Next</a>
                </div>

                <div class="gap"></div>
                <h5>TESTIMONIALS AND REVIEWS <span class="in-button pull-right"><a href="<?php echo $this->createUrl('reviews/testimonials/'); ?>">See All</a></span></h5>
                <div class="gap"></div>
                <div class="row">
                    <?php $this->renderPartial('/reviews/_reviewsHomePage'); ?>


                </div>

                <div class="gap"></div>
                <div class="gap"></div>
            </div>
        </div>
    </div>
</section>
